.container {
	flex: 1;
	flex-direction: column;
	overflow: hidden;
	height: calc(~"100vh" - 100rpx - 88rpx);
}
.scroll-view-content {
	flex-direction: row;
	.scroll-row-item {
		flex-wrap: nowrap;
	}
}

.swiper-box {
	flex: 1;
}

// 阴影
.box-show {
	box-shadow: 0 4rpx 2rpx -2px rgba(0,0,0, .2),
		0 2rpx 2rpx 0 rgba(0,0,0, .14),
		0 2rpx 6rpx 0 rgba(0,0,0, .12);
}

// 折叠面板
.swiper-box {
	margin: 0 -15rpx;
	.scroll-view {
		padding-top: 30rpx;
	}
	.isLoading .scroll-view{
		padding-top: 0;		
	}
	.scroll-content {
		height: 100%;
	}
	// 折叠面板
	.collapse {
		border-radius: 8rpx;
		overflow: hidden;
		.box-show;
		.collapse-item {
			background-color: #fff;
			overflow: hidden;
			transition: all .5s cubic-bezier(.23,1,.32,1);
			.collapse-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 30rpx;
				height: 88rpx;
				line-height: 88rpx;
				border-bottom: 1px solid #ebeef5;
				color: rgba(0,0,0, .54);
				.icon {
					transition: transform .5s cubic-bezier(.23,1,.32,1);					
				}
			}
			.collapse-content {
				height: 0;
				overflow: hidden;
				transition: height .5s cubic-bezier(.23,1,.32,1);
				.collapse-content-item {
					border-bottom: 1px solid #ebeef5;
					// margin: 20rpx 0;
					padding: 30rpx 0;
					&:first-child {
						margin-top: 0;
					}
					&:last-child {
						margin-bottom: 0;
						border: none;
					}
				}
			}
		}
		.active {
			margin: 30rpx 0;
			border-radius: 8rpx;
			.box-show;
			&:first-child {
				margin-top: 0;
			}
			&:last-child {
				margin-bottom: 0;
			}
			// 选中的箭头旋转90°
			.collapse-header .icon {
				transform: rotate(90deg);
			}
			.collapse-content {
				height: auto;
			}
		}
	}
}